
.fx-row{
  display: flex;
}
.fx-col{
  display: flex;
  flex-direction: column;
}
.fx-nowrap{
 flex-wrap: nowrap;
}
.align-center{
  align-items: center;
}
.align-end{
  align-items: flex-end;
}
.space-between{
  justify-content: space-between;
}
.space-around{
  justify-content: space-around;
}
.around-end{
  justify-content:flex-end
}
.fx-1{
  flex: 1;
}
 /** 基础通用 **/
.pt20 {
	padding-top: 20rpx;
}
.pt30 {
	padding-top: 30rpx;
}
.pb20 {
	padding-bottom: 20rpx
}
.pb30 {
	padding-bottom: 30rpx
}
.pl20{
  padding-left: 20rpx;
}
.pl30{
 padding-left: 30rpx;
}
.pr20{
  padding-right: 20rpx;
}
.pr30{
 padding-right: 30rpx;
}

.mt20 {
	margin-top: 20rpx;
}
.mt30 {
	margin-top: 30rpx;
}
.mb20 {
	margin-bottom: 20rpx
}
.mb30 {
	margin-bottom: 30rpx
}
.ml20{
  margin-left: 20rpx;
}
.ml30{
  margin-left: 30rpx;
}
.mr20{
  margin-right: 20rpx;
}
.mr30{
  margin-right: 30rpx;
}

/* 文字排列方式 */
.align-r{
 text-align: right;
}
.align-c{
  text-align: center;
 }